﻿*
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
body
{
    background-color: #0e65ab;
    font-size: 12px;
}
#Banner
{
    background-image: url(Images/BannerBG.png);
    height: 161px;
    min-height: 161px;
}
#Banner #Nav
{
    float: right;
    padding: 82px 5px 5px 0px;
}
#Banner #Nav ul
{
    list-style: none;
}
#Banner #Nav li
{
    float: left;
    width: 109px;
    height: 27px;
    min-height: 27px;
    background-image: url(Images/NavBG.png);
    text-align: center;
    margin-right: 5px;
    padding-top: 7px;
    font-size: 14px;
}
#Banner #Nav a:link, #Banner #Nav a:visited, #Banner #Nav a:hover, #Banner #Nav a:active
{
    text-decoration: none;
    color: White;
    font-weight: bold;
}
#Banner #DvTime
{
    float: right;
    color: White;
    font-weight: bold;
    padding: 29px 160px 0 0;
}
#Banner #DvUserInfo
{
    float: right;
    color: White;
    font-weight: bold;
    padding: 82px 100px 0 0;
}
.Main
{
    margin: 0px 5px 0px 5px;
    background-color: white;
}
.Main .LeftMenu
{
    float: left;
    width: 256px;
    text-align: center;
    background-color: White;
}
.Main .LeftMenu ul
{
    list-style: none;
}
.Main .LeftMenu ul li.top1
{
    font-size: 12px;
    background-image: url(Images/LeftMenu1BG.png);
    background-repeat: no-repeat;
    width: 256px;
    height: 25px;
    min-height: 25px;
    padding-top: 6px;
    margin-bottom: 2px;
    color: Black;
}

.Main .LeftMenu ul li.top1 a:link, .Main .LeftMenu ul li.top1 a:visited, .Main .LeftMenu ul li.top1 a:hover, .Main .LeftMenu ul li.top1 a:active
{
    text-decoration: none;
    color: black;
}

.Main .LeftMenu ul li.top2 ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.Main .LeftMenu ul li.top2 li
{
    font-size: 12px;
    background-image: url(Images/LeftMenu2BG.png);
    background-repeat: no-repeat;
    width: 256px;
    min-height: 25px;
    padding-top: 6px;
    margin-bottom: 2px;
    color: White;
}
.Main .LeftMenu ul li.top2 li a:link, .Main .LeftMenu ul li.top2 li a:visited, .Main .LeftMenu ul li.top2 li a:hover, .Main .LeftMenu ul li.top2 li a:active
{
    text-decoration: none;
    color: White;
}
.Main .Body
{
    margin-left: 256px;
    background-color: white;
    margin-right: 5px;
    overflow:visible;
}
.Main .Body .BodyNav
{
    background-image: url(Images/BodyNavBG.png);
    height: 33px;
    min-height: 33px;
    padding: 5px 0px 0px 10px;
    font-weight: bold;
    color: Black;
}
.Main .Body .BodyNav a:link, .Main .Body .BodyNav a:visited, .Main .Body .BodyNav a:hover, .Main .Body .BodyNav a:active
{
    text-decoration: none;
    color: Black;
}
ul.hp4Imgs
{
    width: 500px;
    margin: 50px auto 110px auto;
    list-style: none;
}
ul.hp4Imgs li
{
    float: left;
    width: 49%;
}

#Footer
{
    color: White;
    font-weight: bold;
    font-size: 12px;
}
#Footer .FooterLeft
{
    margin-left: 293px;
    float: left;
}
#Footer .FooterRight
{
    text-align: right;
}

.ClearBoth
{
    clear: both;
}

.hidden
{
    display: none;
}

textarea
{
    min-height: 75px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}
input[type="text"].widthHalf, select.widthHalf
{
    width:90px;
}

input[type="text"].error, input[type="password"].error, input[type="text"].input-validation-error, input[type="password"].input-validation-error
{
    border: 1px solid red;
    display: block;
}



select
{
    width: 206px;
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"], input[type="button"]
{
    font-size: 1.2em;
    padding: 5px;
}

input.focus, textarea.focus, select.focus
{
    border: 1px solid #abd6c9;
    background-color: #f2f2f2;
}

/* TABLE
----------------------------------------------------------*/

table
{
    font-size: 12px;
    border: solid 1px #8cc8c6;
    border-collapse: collapse;
}

table td
{
    padding: 5px;
    border: solid 1px #8cc8c6;
}

table th
{
    padding: 6px 5px;
    text-align: left;
    border: solid 1px #8cc8c6;
}

.error
{
    color: Red;
    display: table;
}

.odd
{
    background-color: White;
}

.even
{
    background-color: #eaf9ff;
}

.moveover
{
    background-color: #cccccc;
}

td a:link, td a:visited, td a:active, td a:hover
{
    text-decoration: none;
    color: black;
}

table.list
{
    width: 99%;
    margin: 5px auto 5px auto;
    float:left;
}
table.detail
{
    width:700px;
    margin:5px 20px 5px 20px;
}
table.edit
{
    margin: 5px 10px 5px 11px;
    float: left;
    width:400px;
}
table.edit th
{
    text-align: right;
}

div.info
{
    padding-left:450px;
    width: 270px;
    min-width: 270px;
    line-height: 200%;
    margin-top: 5px;
}
div.info h2
{
    width:100%;
    text-align:left;
}
table.info td
{
    vertical-align: top;
}

table.info h2
{
    text-align: left;
}

table.info ol
{
    margin-left: 20px;
}

table.detail th, table.edit th, table.window th
{
    background-color: #EAF9FF;
}

table.list tr.head, table.window tr.head, table.window tr.head th
{
    background-color: #22a3e7;
    color: White;
    font-weight: bold;
    text-align: center;
}
table.list tr.head td, table.list tr.head th
{
    text-align: center;
}
a.lnkDetail, a.lnkEdit, a.lnkDel, a.lnkArchive, a.lnkPrint, a.LnkNormal, a.LnkDestory
{
    border: 1px #B9E7F6 solid;
    background-color: #1f9df4;
    color: White;
    padding: 2px 2px 2px 2px;
}

a.lnkDetail:link, a.lnkDetail:visited, a.lnkDetail:hover, a.lnkDetail:active, a.lnkEdit:link, a.lnkEdit:visited, a.lnkEdit:hover, a.lnkEdit:active, a.lnkDel:link, a.lnkDel:visited, a.lnkDel:hover, a.lnkDel:active, a.lnkArchive:link, a.lnkArchive:visited, a.lnkArchive:hover, a.lnkArchive:active, a.lnkPrint:link, a.lnkPrint:visited, a.lnkPrint:hover, a.lnkPrint:active, a.LnkNormal:link, a.LnkNormal:visited, a.LnkNormal:hover, a.LnkNormal:active, a.LnkDestory:link, a.LnkDestory:visited, a.LnkDestory:hover, a.LnkDestory:active, #DvUserInfo a:link, #DvUserInfo a:visited, #DvUserInfo a:hover, #DvUserInfo a:active
{
    text-decoration: none;
    color: White;
}

.MsgError
{
    border: 1px red solid;
    padding: 10px 10px 10px 10px;
    width: 300px;
    min-width: 300px;
    margin: 10px auto 10px auto;
    text-align: center;
    color: Red;
}

.MsgSuccess
{
    border: 1px Green solid;
    padding: 10px 10px 10px 10px;
    width: 300px;
    min-width: 300px;
    margin: 10px auto 10px auto;
    text-align: center;
    color: Green;
}

table.window
{
    width: 400px;
    margin: 10px auto 10px 20px;
}

h2, h1
{
    text-align: center;
    width:700px;
    margin-top:5px;
}

.width99percent
{
    width: 99%;
    margin: 5px auto 5px auto;
}
.floatRight
{
    float: right;
    margin-right: 20px;
}
.nearlyExpired
{
    /**background-color: rgb(241,124,107);**/
    background-color:Yellow;
}

.Expired
{
    background-color:rgb(241,124,107);
}

.ui-autocomplete
{
    max-height: 100px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */
* html .ui-autocomplete
{
    height: 100px;
}
